<template>
  <div>
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span>模板工单管理</span>
        <el-divider />
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
          <el-form-item label="模板工单信息查询：">
            <el-input v-model="formInline.user" placeholder="请输入模板工单信息" />
          </el-form-item>
          <el-form-item>
            <el-button type="primary">查询</el-button>
            <el-button type="info">重置</el-button>
          </el-form-item>
        </el-form>
      </div>
      <template>
        <el-table :data="tableData" fixed="right" border style="width: 100%;">
          <el-table-column fixed prop="name" label="名称" width="150" />
          <el-table-column prop="type" label="类型" width="120" />
          <el-table-column prop="domain" label="业务领域" width="120" />
          <el-table-column prop="assign" label="分配模式" width="120" />
          <el-table-column prop="desc" label="描述" width="120" />
          <el-table-column prop="others" label="保留字段" width="120" />
          <el-table-column prop="state" label="数据是否有效" width="150" />
          <el-table-column prop="createdBy" label="创建人id" width="200" />
          <el-table-column prop="createdAt" label="创建时间" width="150" />
          <el-table-column prop="updatedBy" label="更新人id" width="200" />
          <el-table-column prop="updatedAt" label="更新时间" width="150" />
          <el-table-column fixed="right" label="操作" width="100">
            <template>
              <el-button type="text" size="small">查看</el-button>
              <el-button type="text" size="small">编辑</el-button>
            </template>
          </el-table-column>
        </el-table>
      </template>
      <!-- <div class="block">
                <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                    :current-page="currentPage4" :page-sizes="[100, 200, 300, 400]" :page-size="100"
                    layout="total, sizes, prev, pager, next, jumper" :total="400">
                </el-pagination>
            </div> -->
    </el-card>

  </div>
</template>

<script>
export default {
  data() {
    return {
      formInline: {
        user: '',
        region: ''
      },
      tableData: [{
        name: '1488484',
        type: '15488484',
        domain: '15488484',
        assign: '15488484',
        desc: '15488484',
        extend: '15488484',
        others: '15488484',
        state: '15488484',
        createdBy: '15488484',
        updatedBy: '15488484',
        createdAt: '15488484',
        updatedAt: '15488484'
      }]
    }
  },
  methods: {
    onSubmit() {
      console.log('submit!')
    },
    handleClick(row) {
      console.log(row)
    }
  }
}
</script>

<style lang="scss" scoped>
.text {
    font-size: 14px;
}

.item {
    margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both
}

.box-card {
    width: 95%;
    margin: 2.5%;
}

.block {
    text-align: center;
    margin-top: 20px;
}
</style>
